<template>
    <div class="v-warp">
        <van-row class="v-ranklist-item" v-for="(item,i) in data" type="flex">
            <van-col span="3" class="v-ranklist-item-num">
                {{i+1}}
            </van-col>
            <van-col span="7" class="v-ranklist-item-img">
                <img src="../assets/img/tv.jpg" />
            </van-col>
            <van-col span="14" class="v-ranklist-item-body">
                <h2>{{item.name}}</h2>
                <p>2019/中国/爱情/奇幻/剧情</p>
                <p class="v-status">167集全</p>
            </van-col>
        </van-row>
    </div>
</template>
<script>
import { Row, Col } from "vant";
export default {
  name: "RanklistItem",
  components: {
    [Row.name]: Row,
    [Col.name]: Col,
  },
  props: ['data'],
  data() {
    return {
    };
  },
  methods:{
  },
  mounted() {
  }
};
</script>
<style lang="less" >
</style>
